<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // Promise实例中 then() catch() 方法执行时也是异步的(放到任务队列)  =>  先把所有同步代码执行完毕 => 在将异步任务放到主线程上执行


    // console.log(1);
    // var p = new Promise(function (resolve, reject) {
    //     console.log(2);
    //     resolve(3); // Promise <fulfilled:3>
    // })

    // p.then((v) => {
    //     console.log(v);
    // }).catch((v) => {
    //     console.log(v);
    // })
    // console.log(4);

    //--------------------------------------------------------------------------

    // 事件轮询 
    // 异步任务分两种:
    // 1. 宏任务    setTimeout  setInterval  ajax
    // 2. 微任务    p.then()    p.catch


    // 1   2    5   3  4

    console.log(1);
    var p = new Promise(function (resolve, reject) {
        console.log(2);
        resolve(3); // Promise <fulfilled:3>
    })

    setTimeout(function () {
        console.log(4);
    })

    p.then((v) => {
        console.log(v);
    })

    console.log(5);







</script>

</html>